<template>
  <view class="marketRules">
    <view class="header">
      <view class="header-item">
				<text class="item-name">股票锁仓</text>
				<text class="item-val">20000U</text>
			</view>
			 <view class="header-item">
				<text class="item-name">锁仓周期</text>
				<text class="item-val">30天</text>
			</view>
    </view>
	<view class="tip">
		<view class="tip-one">
			锁仓期收益释放：每日释放的收益计算：用户每日获得的收益 = 20000U × 0.2% = 40U。
		</view>
		<view class="tip-two">
			释放机制：锁仓期间用户每天收到40U的收益，直到锁仓期结束。
		</view>
	</view>
	<backOff/>
  </view>
</template>

<script>
import backOff from '../../components/custom/backOff.vue';
export default {
  components:{
	 backOff 
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style>
.marketRules {
  padding: 30rpx 30rpx 150rpx 30rpx;
}
.header {
  display: grid;
	grid-template-columns: repeat(2, 50%);
  width: 690rpx;
  height: 160rpx;
  background: var(--theme-color);
  box-shadow: 0rpx 0rpx 11rpx 0rpx rgba(49, 212, 157, 0.19);
  border-radius: 16rpx;
	color:#fff
}
.header-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.item-name {
	font-size: 24rpx;
	color: rgba(255,255,255,0.7);
}
	
.item-val {
	font-size: 36rpx;
	color: #FFFFFF;
	line-height: 50rpx;
}
.tip {
	font-weight: 400;
	font-size: 24rpx;
	color: #C2C2C2;
}
.tip-one {
	margin: 30rpx 0;
}
</style>
